<?php

$page->title = "Friend • Follow • Watch";
$page->date = "2014/02/06";
$page->styles = <<<BLOCK
#connect .table-layout {
    display: table;
}
#connect .table-layout > p {
    display: table-cell;
    padding: 10px;
    width: 170px;
    vertical-align: top;
    text-align: center;
}
#connect .table-layout img {
    /*
    width: 230px;
    height: auto;
    */
}
#connect .table-layout {
    letter-spacing: 36px;
}
#connect .table-layout > * {
    letter-spacing: initial;
}
BLOCK;
$page->cover = "http://nrhc-pages.northrockhill.com/contact-us/friend-watch-follow/1048-Webslider.jpg";

?>

<article id="connect">

    <h1 class="page-title"><?= $page->title ?></h1>

    <hr>

    <img src="<?= $page->cover ?>" alt="<?= $page->title; ?>">

    <hr>

    <p class="center">
        Keep up with what is happening at North Rock Hill Church. There
        are many opportunities for you to stay informed. Pick any or all that work best
        for you.
    </p>

    <hr>

    <section class="padded">
        <h1>Churchwide</h1>
        <div class="table-layout">
            <p style="display: inline-block;">
                <a href="<?= wufoo('nrhc-enews'); ?>" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/email-150.jpg" alt="Email"></a><br>
                <em>Enews: our weekly email newsletter</em>
            </p>
            <p style="display: inline-block;">
                <a href="https://www.facebook.com/northrockhillchurch" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/facebook-150.jpg" alt="Facebook"></a><br>
                <em>NRHC on Facebook</em>
            </p>
            <p style="display: inline-block;">
                <a href="http://twitter.com/nrhc" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/twitter-150.jpg" alt="Twitter"></a><br>
                <em>NRHC on Twitter</em>
            </p>
            <p style="display: inline-block;">
                <a href="http://twitter.com/nrhc_worship" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/twitter-150.jpg" alt="Twitter"></a><br>
                <em>NRHC_Worship on Twitter</em>
            </p>
            <p style="display: inline-block;">
                <a href="http://instagram.com/northrockhill" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/instagram-150.jpg" alt="Instagram"></a><br>
                <em>NRHC on Instagram</em>
            </p>
            <p style="display: inline-block;">
                <a href="http://nrhcworship.com" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/rss-150.jpg" alt="Worship Site"></a><br>
                <em>NRHC Worship Site</em>
            </p>
        </div>
    </section>

    <hr>

    <section class="padded">
        <h1>NRHkids <small>(birth&mdash;5<sup>th</sup> grade)</small></h1>
        <div class="table-layout">
            <p style="display: inline-block;">
                <a href="<?= wufoo('nrhkids-parent-email'); ?>" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/email-150.jpg" alt="Email"></a><br>
                <em>Monthly Parent Email</em>
            </p>
            <p style="display: inline-block;">
                <a href="https://www.facebook.com/nrhcKIDS" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/facebook-150.jpg" alt="Facebook"></a><br>
                <em>NRHkids on Facebook</em>
            </p>
            <p style="display: inline-block;">
                <a href="http://twitter.com/NRHCKids" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/twitter-150.jpg" alt="Twitter"></a><br>
                <em>NRHkids on Twitter</em>
            </p>
            <p style="display: inline-block;">
                <a href="http://instagram.com/nrhkids" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/instagram-150.jpg" alt="Instagram"></a><br>
                <em>NRHkids on Instagram</em>
            </p>
        </div>
    </section>

    <hr>

    <section class="padded">
        <h1>North Rock Hill Students <small>(middle and high school)</small></h1>
        <div class="table-layout">
            <p style="display: inline-block;">
                <a href="http://visitor.r20.constantcontact.com/manage/optin/ea?v=001FCkP-cZiSO6Wapxg7DaFEA%3D%3D" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/email-150.jpg" alt="Email"></a><br>
                <em>Monthly Parent Email</em>
            </p>
            <p style="display: inline-block;">
                <a href="https://www.facebook.com/NorthRockStudents" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/facebook-150.jpg" alt="Facebook"></a><br>
                <em>North Rock Hill Students on Facebook</em>
            </p>
            <p style="display: inline-block;">
                <a href="http://twitter.com/NRH_Students" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/twitter-150.jpg" alt="Twitter"></a><br>
                <em>North Rock Hill Students on Twitter</em>
            </p>
            <p style="display: inline-block;">
                <a href="http://instagram.com/northrockstudents" target="_blank"><img src="http://nrhc-pages.northrockhill.com/contact-us/Connect/instagram-150.jpg" alt="Instagram"></a><br>
                <em>North Rock Hill Students on Instagram</em>
            </p>
        </div>
    </section>

</article>
